<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>按钮练习</title>
	<style>
		a:link{/*未点击*/
			display:block;
			width:310px;
			height:310px;
			background-image:url("./img/xuebi2.jpg");
			background-position:-7px -5px;

		}
		a:hover{
			background-position:-308px -5px;
		}
		a:active{/*点击后*/
			background-position:-7px -305px;
		}

		.box1{
			width:150px;
			height:150px;
			background-image:url("./img/xuebi3.jpg");
			background-position:-410px -473px;
		}
	</style>
</head>
<body>
	<div class="box1">

	</div>

	<a href="javascript:;"></a>

</body>
</html>